<template>
  <van-tabbar v-model="active" route>
    <van-tabbar-item
      v-for="(item, index) in iconList"
      :key="index"
      :icon="item.icon"
      :to="item.to"
      >{{ item.name }}</van-tabbar-item
    >
  </van-tabbar>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      iconList: [
        {
          icon: "home-o",
          name: "首页",
          to: "/index/home",
        },
        {
          icon: "search",
          name: "爆爆团",
          to: "/index/tuan",
        },
        {
          icon: "friends-o",
          name: "订单",
          to: "/index/order",
        },
        {
          icon: "setting-o",
          name: "我的",
          to: "/index/mine",
        },
      ],
    };
  },
};
</script>

<style lang='scss' scoped>
</style>